もくじ

• Vue.jsって何？
• Rails 5.1でVue.jsを使えるようにする
• Ajaxで取ってきたデータを表示してみる
• loader（？）を変えてみる

• jsフレームワーク（View周り）
• Reactっぽい感じ？
• 双方向bindingとかVirtual DOMとか
• コンポーネント指向
• 速いらしい

公式サイトが日本語

Install

rails new --webpack=vue application_name
brew install yarn
rails webpacker:install
rails webpacker:install:vue
webpack

（空コントローラーを作って生成されたhello_vueを表示するようにすると）

ソースコード

開発サポート用のChrome拡張もあります

Vue.jsは特に通信の仕組みを持ってない

少し前までは vue-resource というAjaxライブラリがあった。

先日引退した

Railsで言うところのgemに切り出された状態。

まだ使える。

ただ、公式推奨は axios というライブラリになった。

axiosを使ってみる

適当にコントローラーを用意する

できた

もう一度ソースコードをご覧ください

🐼思った

ES 2015とか使えるjsは良いとして

HTMLとかCSSとか素で書くのつらくない？

🐼探した

config/webpack/shared.js を見たらSCSSは既に使えそうだったので jade を探した。

犬になってた🐶

package.jsonに🐶を追加

🐼すっきりした

Railsでのinstallについて

• RailsでVue.js使い始めるまでが楽
  • 楽すぎて全然理解してない
  • SPAにするならRailsをAPIモードにして切り離しちゃって良いのでは？

Vue.jsについて

• 書くこと少なくて楽
  • 複雑なアプリケーションになったら？
• 公式サイト日本語なのは助かる
• コンポーネント指向はやりやすそう
• .vue ファイルは賛否両論ありそう